<template>
  <div :class="prefixCls" class="flex justify-center items-center">
    <Empty :image="emptyImg" v-bind="$attrs" />
  </div>
</template>

<script lang="ts" setup name="HEmpty">
  import { Empty } from 'ant-design-vue';
  import emptyImg from '/@/assets/images/table-empty.png';

  import { useDesign } from '/@/hooks/web/useDesign';
  const { prefixCls } = useDesign('HEmpty');
</script>
<style lang="less">
  @prefix-cls: ~'@{namespace}-HEmpty';
  .@{prefix-cls} {
    color: rgba(0, 0, 0, 0.25);
  }
</style>
